<style>.card .content{padding:0}.card .header{padding:25px 15px 10px}.search-group{margin:2px 0}.input-group-btn .btn{padding:5px 16px}.table-wrap{margin:15px}.fileinput-upload-button.fileinput-upload *{font-size:14px!important}a{margin:0}</style>
<div class="main-panel container-fluid">
    <div class="card card-wizard">
        <div class="header text-center">
            <h3 class="title">创建一个新活动</h3>
        </div>
        <div class="content">
            <input type="hidden" name="_token" value="MrNW4z8K8p5GUle82Me6XqridcWCD6EQNanYxE2y">
            <ul class="nav-pills">
                <li><em></em>新建活动</li>
                <li><em></em>选择模版</li>
                <li class="active"><em></em>活动设置</li>
            </ul>
            <div class="iframe-wrap">
                <div class="phone-view">
                    <div class="header-view">
                        <h5 ng-bind="postData.name"></h5>
                    </div>
                    <div class="content-view">
                        <div class="h5-content wrap" ng-style="{'background': 'url('+(postData.background_img?postData.background_img:'./images/admin/chophand.png')+') no-repeat left top','background-size':'100% auto'}"></div>
                    </div>
                </div>
                <form class="setting-form" name="setting-form">
                    <ul class="tabs">
                        <li ng-class="{active:tabIndex==1}" ng-click="toggleTab($event,1)">内容设置</li>
                        <li ng-class="{active:tabIndex==2}" ng-click="toggleTab($event,2)">问卷设置</li>
                        <li ng-class="{active:tabIndex==3}" ng-click="toggleTab($event,3)">渠道配置</li>
                        <li ng-class="{active:tabIndex==4}" ng-click="toggleTab($event,4)">列表配置</li>
                    </ul>
                    <ul class="panels">
                        <li class="panel" ng-cloak="" ng-if="tabIndex==1">
                            <div class="input-group">
                                <label>活动名称</label>
                                <input ng-model="postData.name" type="text" placeholder="请输入活动名称"/>
                            </div>
                            <div class="date-group">
                                <label>活动时间</label>
                                <input type="text" style="font-size:14px" class="ngDatetimepicker" placeholder="开始时间" ng-model="postData.start_time"/>
                                <input type="text" class="ngDatetimepicker" placeholder="结束时间" ng-model="postData.end_time"/>
                            </div>
                            <div class="file-group">
                                <label>更换背景</label>
                                <div class="file-wrap">
                                    <input ng-model="postData.background_img" class="fileInput ngFileInput" refresh="refresh"
                                           file-config="fileConfig" type="file" multiple="multiple" name="upfile" accept="image/gif,image/jpeg,image/png"
                                           data-target="uploadImageFile" data-preview-file-type="text" value="" title="">
                                    <span class="help-block mb0">支持PNG、JPG格式，小于200KB</span>
                                </div>
                            </div>
                            <!--<div class="checkbox-group">-->
                            <!--<label>质量控制</label>-->
                            <!--<div class="checkboxes">-->
                            <!--<div class="checkbox-wrap" ng-repeat="item in controls track by $index" ng-cloak="">-->
                            <!--<input type="checkbox" ng-value="item.value" ng-model="item.checked"/>-->
                            <!--<span ng-bind="item.name">同IP限答一次</span>-->
                            <!--<input ng-if="item.value=='PASSWORD'" ng-model="item.password" type="text" placeholder="不超过8位字符密码"/>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                            <div class="textarea-group">
                                <label class="col-md-2 control-label">活动备注</label>
                                <div class="col-md-7">
						        <textarea class="form-control"
                                          name="description" placeholder="请输入备注信息"></textarea>
                                </div>
                            </div>
                            <div class="textarea-group">
                                <label>活动规则</label>
                                <div class="textarea">
                                    <textarea type="text" ui-tinymce="tinymceOptions" ng-cloak="" ng-model="postData.description" placeholder="请输入活动名称"></textarea>
                                </div>
                            </div>
                            <div class="footer-btns">
                                <button class="blue-button" ng-click="submit($event)">保存</button>
                            </div>
                        </li>
                        <li class="panel" ng-cloak="" ng-if="tabIndex==2">
                            <div class="create_section" ng-if="!isEdit">
                                <p class="block-p">创建空白问卷?</p>
                                <button ng-click="goTemplate($event,false)" class="small-blue-button mb15">创建空白问卷</button>
                                <!--<p class="block-p">导入文本创建?</p>-->
                                <!--<button href="" class="small-blue-button mb15">导入文本创建</button>-->
                            </div>
                            <div class="edit-section" ng-if="isEdit">
                                <p class="block-p">编辑问卷?</p>
                                <button ng-click="goTemplate($event,false)" class="blue-button mb15">编辑问卷</button>
                                <p class="block-p">预览问卷?</p>
                                <button ng-click="goTemplate($event,true)" class="blue-button mb15">预览问卷</button>
                            </div>
                            <!--<div class="card">-->
                            <!--<div class="h-title">快速模板问卷</div>-->
                            <!--<div class="table-wrap">-->
                            <!--<div class="table-search-toolbar">-->
                            <!--<input type="text" placeholder="搜索"/>-->
                            <!--<div class="ngDropdown" n="3" options="templateTypes" ng-model="option" label="name" value="value" emptylabel="请选择模板类型"></div>-->
                            <!--<button class="search-btn"><i class="fa fa-search"></i>搜索</button>-->
                            <!--</div>-->
                            <!--<div class="table-grid">-->
                            <!--<table>-->
                            <!--<thead>-->
                            <!--<tr>-->
                            <!--<th>问卷名称</th>-->
                            <!--<th>问卷类型</th>-->
                            <!--<th>题目数</th>-->
                            <!--<th>操作</th>-->
                            <!--</tr>-->
                            <!--</thead>-->
                            <!--<tbody class="tbody">-->
                            <!--<tr>-->
                            <!--<td>测试0测试0测试0</td>-->
                            <!--<td>测试0</td>-->
                            <!--<td>测试0</td>-->
                            <!--<td><a>预览</a>&nbsp;&nbsp;<a>使用</a></td>-->
                            <!--</tr>-->
                            <!--</tbody>-->
                            <!--</table>-->
                            <!--</div>-->
                            <!--<div class="table-footer-toolbar clear">-->
                            <!--<div class="pagination-info">第 1 到第 8 条记录，总共 9 条记录每页显示 10 条记录</div>-->
                            <!--<div class="pagination">-->
                            <!--<div class="prev"><i class="fa fa-angle-double-left fa-lg"></i></div>-->
                            <!--<div class="numbers">-->
                            <!--<span class="active">1</span>-->
                            <!--<span>2</span>-->
                            <!--<span>3</span>-->
                            <!--<span>4</span>-->
                            <!--</div>-->
                            <!--<div class="next"><i class="fa fa-angle-double-right fa-lg"></i></div>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--</div>-->
                        </li>
                        <li class="panel" ng-cloak="" ng-if="tabIndex==3" ng-include="'/components/platformConfig.html'"></li>
                        <li class="panel" ng-cloak="" ng-if="tabIndex==4" ng-include="'/components/listConfig.html'"></li>
                    </ul>
                </form>
            </div>
        </div>
        <div class="footer clear">
            <button type="button" class="btn btn-default btn-fill btn-wd pull-left" ng-click="goBack($event)">返回</button>
            <button type="button" class="btn btn-info btn-fill btn-wd btn-finish pull-right" ng-click="complete($event)">完成</button>
        </div>
    </div>
</div>